<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInLeft">
        <div data-th-replace="common/functionDepict"></div>
        <div>
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <div class="row">
                        <div class="col-sm-5">
                            <h5>
                                <a th:href="@{/admin/manage/user/querySysUserList}">
                                <span>
                                    <button class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新系统用户列表">
                                        <i class="fa fa-refresh"></i> 刷新
                                    </button>
                                </span>
                                </a>
                                <small th:text="'共'+${count}+'个用户'">（共0个用户）</small>
                            </h5>
                        </div>
                        <div class="col-sm-3">
                            <form class="search-form" id="search-form">
                                <div class="input-group opSearchBox">
                                    <input placeholder="请输入帐号名/手机号" class="input-sm form-control vam common-search-word" type="text" name="username" />
                                    <span class="input-group-btn"><button id="btn1" type="button" class="btn btn-sm btn-primary vam">搜索</button> </span>
                                </div>
                            </form>
                        </div>
                        <div class="col-sm-2 text-center">
                            <a href="javascript:void(0)" id="advSearchshowBtn" class="pt10 inlineBlock vam">高级搜索操作 <i class="fa fa-angle-double-down"></i></a>
                        </div>
                        <div class="col-sm-2 text-center">
                            <a th:href="@{/admin/manage/user/initAdd}">
                                <button type="button" class="btn btn-block btn-danger">
                                    <i class="fa fa-plus-circle"></i> 新建帐号
                                </button>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="oc-advSearch-box">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="pt10">
                                <div class="checkbox i-checks">
                                    <label style="padding-left: 0"><input type="checkbox" id="all-sysUser"> <i></i> 全选</label>
                                    <button type="button" id="ban-sysUser"  class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量禁用"><i class="fa fa-unlock-alt"></i></button>
                                    <button type="button" id="recover-sysUser" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量恢復"><i class="fa fa-history"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="pt10">
                                <form role="form" class="form-inline search-form">
                                    <select class="form-control mb10" name="roleIds">
                                        <option value="">角色</option>
                                        <option th:each="sysRole : ${roleList}" th:value="${sysRole['id']}" th:text="${sysRole['roleName']}"></option>
                                    </select>
                                    <select class="form-control mb10" name="userType">
                                        <option value="">用户类型</option>
                                        <option value="1">正式管理员</option>
                                        <option value="2">体验管理员</option>
                                        <option value="3">问答讲师</option>
                                        <option value="4">分销用户</option>
                                    </select>
                                    <div class="form-group" style="margin-bottom: 10px">
                                        <input placeholder="请输入帐号名" class="form-control common-search-word" type="text">
                                    </div>
                                    <div class="form-group" style="margin-bottom: 5px">
                                        <div class="input-group">
                                            <input type="hidden" name="groupId" id="hiddenGroupId">
                                            <input type="text" class="form-control" placeholder="点击选择部门" id="group">
                                            <div class="input-group-btn">
                                                <button class="btn btn-white" type="button" id="clearGroup"><span class="fa fa-close"></span></button>
                                            </div>
                                        </div>
                                    </div>
                                    <button class="btn btn-w-m btn-primary" type="button" style="margin-bottom: 10px" id="btn2">搜索</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="oc-ibox-content" id="oc-ibox-content"></div>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/head-footer"></div>
    <script type="text/javascript" th:src="@{{path}/admin/business/manage/group/commom-group-win.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/manage/user/list_sys_user.js?v={v}(path=${staticPath},v=${v})}"></script>

</body>
</html>
